<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <style>
        table,td{
            border: 1px solid #ccc;
            width: 800px;
            height: 30px;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
欢迎,[[${session.user.username}]]
<table>
    <tr>
        <th>商品编号</th>
        <th>商品图片</th>
        <th>商品名字</th>
        <th>商品价格</th>

    </tr>
    <tr th:each="item,status : ${page.records}">
        <td>[[${status.count}]]</td>
        <td>
            <img style="width: 50px" th:src="@{/assets/img/} + ${item.pic}"/>
        </td>
        <td>[[${item.name}]]</td>
        <td>[[${item.price}]]</td>
    </tr>
</table>
</body>
</html>